<template>
	<view>
		<!-- #ifndef MP-ALIPAY -->
		<nav-bar title="uCharts 统计图"></nav-bar>
		<!-- #endif -->
		
		<!-- 公共组件-每个页面必须引入 -->
		<public-module></public-module>
		<view class="u-m-20">
			<u-cell-group>
				<u-cell-item title="饼状图" @click="onPageJump('../uCharts/pie')"></u-cell-item>
				<u-cell-item title="环形图" @click="onPageJump('../uCharts/ring')"></u-cell-item>
				<u-cell-item title="玫瑰图" @click="onPageJump('../uCharts/rose')"></u-cell-item>
				<u-cell-item title="线形图" @click="onPageJump('../uCharts/line')"></u-cell-item>
				<u-cell-item title="柱状图" @click="onPageJump('../uCharts/column')"></u-cell-item>
				<u-cell-item title="区域图" @click="onPageJump('../uCharts/area')"></u-cell-item>
				<u-cell-item title="雷达图" @click="onPageJump('../uCharts/radar')"></u-cell-item>
				<u-cell-item title="圆弧进度图" @click="onPageJump('../uCharts/arcbar')"></u-cell-item>
				<u-cell-item title="仪表盘" @click="onPageJump('../uCharts/gauge')"></u-cell-item>
				<u-cell-item title="K线图" @click="onPageJump('../uCharts/candle')"></u-cell-item>
				<u-cell-item title="混合图" @click="onPageJump('../uCharts/mix')"></u-cell-item>
				<u-cell-item title="漏斗图" @click="onPageJump('../uCharts/funnel')"></u-cell-item>
				<u-cell-item title="地图" @click="onPageJump('../uCharts/map')"></u-cell-item>
			</u-cell-group>
		</view>
	</view>
</template>

<script>
	export default {
		components: {
		},
		data() {
			return {

			}
		},
		onLoad(e) {
			
		},
		onShow() {
		},
		methods: {
			onPageJump(url) {
				uni.navigateTo({
					url: url
				});
			}
		},
		onPageScroll(e) {
		},
		//页面隐藏
		onHide() {},
		//页面卸载
		onUnload() {},
		//页面下来刷新
		onPullDownRefresh() {},
		//页面上拉触底
		onReachBottom() {},
		//用户点击分享
		onShareAppMessage(e) {
			return this.wxShare();
		}
	}
</script>

<style scoped lang="scss">

</style>
